import React from 'react'
import './index.css'
import Item from './Item'
export default function List({todoList,setTodoList}) {
    // console.log(todoList);
    return (
        <div>
            <ul className="todo-main">
               {todoList.map(item=>{
                return(
                    <Item key={item.id} {...item} todoList={todoList} setTodoList={setTodoList}/>
                )            
               })}
            </ul>
        </div>
    )
}
